<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="UTF-8"%>
<%@	taglib prefix="bean" uri="struts-bean" %>
<%@ taglib prefix="logic" uri="struts-logic"%>
<%@page import="java.text.SimpleDateFormat"%>
 <% String mensaje = (String) request.getAttribute("mensaje"); 
 java.util.Date date = new java.util.Date();
 SimpleDateFormat sdf;
 sdf = new SimpleDateFormat("yyyy-MM-dd");
%>
<script src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.10.0/jquery.validate.min.js" ></script>
<link rel="stylesheet" href="http://code.jquery.com/ui/1.9.1/themes/base/jquery-ui.css" />
 <script src="http://code.jquery.com/jquery-1.8.2.js"></script>
<script> 

		window.name='generarReceta';

		$().ready(function(){
		$("form").validate({ onsubmit: false});
		$.validator.addMethod(
		"Letra",
		function(value,element){
	                $(element).attr("value", value);
			return /^[a-zA-Z]+(\s[\s\.a-zA-Z]+)*$/.test($.trim(value)) ;
	                },"\nSolo ingresar letras");
		
		$.validator.addMethod(
			"Numero",
			function(value,element){
				$(element).attr("value",value);
				return /^[0-9]+(\s[\s\.0-9]+)*$/.test($.trim(value)) ;
			},"\nSolo ingresar numeros");
		
		$.validator.addMethod(
		  "NumbLetra",
		  function(value,element){
			$(element).attr("value",value);
			 return /^[0-9a-zA-Z]+(\s[\s\.0-9a-zA-Z]+)*$/.test($.trim(value)) ;
			  },"\nSolo ingresar numeros y letras");	
		
		});

	
	

</script>
<style type="text/css">
label.error{
color: red;
}
</style>


<h3>GENERAR RECETA MEDICA</h3>
<form id="formDatos">
	<div id="cabDatosGRM" class="mb10 bordeSeccion">
		<label>Nro. de Receta:</label>
		<input type="text" id="nrocita" value="${ucodigo}" disabled="disabled"  readonly="readonly" />
		<label>Fecha creación:</label>
		<input type="text" id="citafeccrea" value="<%= sdf.format(date)%>" disabled="disabled"  readonly="readonly" />
	</div>
	<div id="cabDatosPersonal" class="mb10 bordeSeccion">
		<h4>Datos del Paciente</h4>
		<div>
				<table class="tablaformulario">
				 	<tr>
						<input type="hidden" id="codigohc" value="${hc.idhistoriaclinica}"/>
						<td><label>Nro de Historia Clinica:</label></td>
						<td><input type="text" id="codhc" class="required Numero" name="codhc" value="${hc.idhistoriaclinica}"/></td>
						<td><a href="#" id="buscarhc" class="btn">Buscar</a></td>
					 </tr>
					 <tr>
				 		<td><label>Nombre:</label></td>
						<td><input type="text" id="nombrepaciente" name="nombrepaciente" value="${hc.nombres }" disabled="disabled"/></td>
				 	</tr>
				 	<tr>
				 		<td><label>Apellido Paterno:</label></td>
						<td><input type="text" id="apepatpaciente" name="apepatpaciente" value="${hc.apepat }" disabled="disabled" /></td>
				 	</tr>
				 	<tr>
						 <td><label>Apellido Materno:</label></td>
						 <td><input type="text" id="apematpaciente" name="apematpaciente" value="${hc.apemat }" disabled="disabled" /></td>
				 	</tr>	
				 	<tr>
					<td><label>Nro. Documento:</label></td>
					<td><input type="text" id="nrodocpaciente" name="nrodocpaciente" value="${hc.nrodoc }" disabled="disabled" /></td>
					</tr>	 			 			 
				</table>
		</div>
	</div>
	
	<div id="cabDatosContacto" class="mb10 bordeSeccion">
		<table class="tablaformulario" width="100%">
		<tr>
		<td>
		<div>
		<table class="tablaformulario">
				
				<tr>
				<td><h4>Datos de Medicamento</h4></td>
				<td></td>
				<td><a ref="/jsp/consultas/buscarMedicamento.jsp"  id="buscarmedicamento" class="btn">Buscar Medicamento</a></td>
				</tr>
				<tr>
					<td><label>Codigo de Medicamento</label></td>
					<td><input type="text" id="codigoMedicamento" name="codigoMedicamento" readonly="readonly" value="${me.codmedicamento}"/></td>
				</tr>
				<tr>
					<td><label>Medicamento</label></td>
				<td><input type="text" id="medicamento" name="medicamento" readonly="readonly" value="${me.nombreMedicamento}"/></td>
				</tr>
				<tr>
					<td><label>Nro Envases</label></td>
					<td><input type="text" class="required Numero" id="nroenvases" name="nroenvases"  /></td>
				</tr>
				
				
		</table>
		</div>
		</td>
		 <td>
		<div align="center">
		<table class="tablaformulario" width="80%">
					<h4>Datos de Posologia</h4>
					<tr>
				 		<td><label>Unidad/Tomar</label></td>
						<td><input type="text" id="utomar" class=" required Numero" name="utomar" /></td>
				 	</tr>
				 	<tr>
				 		<td><label>Intervalo</label></td>
						<td><input type="text" id="intervalo" name="intervalo" class="required Letra"  /></td>
				 	</tr>
				 	<tr>
						 <td><label>Via de Administracion</label></td>
						 <td><input type="text" id="viaAdministracion" name="viaAdministracion" class=" required Letra" /></td>
				 	</tr>
				 	<tr>
						 <td><label>Duracion de Tratamiento</label></td>
						 <td><input type="text" id="durtratamiento" name="durtratamiento" class=" required NumbLetra" /></td>
				 	</tr>		
		</table>
		</div>
		</td>	
		</tr>	
		</table>
		<div align="center">
		<table>
		<tr>
		<td >
			<h4>Instrucciones Adicionales</h4>
		</td>
		</tr>
		<tr>
		<td><textarea id="instrucciones" name="instrucciones"  class="required NumbLetra" rows="4" cols="148"></textarea></td>
		</tr>
		</table>
		</div>
		<div align="center">
		<td><a href="#nogo" id="agregarmedicamento" class="btn">Agregar</a></td>
		</div>
	</div>
	<div id="cabDatosPersonal" class="mb10 bordeSeccion">
		<h4>Detalle de Receta</h4>
		<div>

				<table class="tabla" style="text-align: center;">
<thead>
<tr>
<th>Nombre de Medicamento</th>
<th>Nro Envases</th>
<th>Posologia</th>
<th>Instrucciones</th>
</tr>
</thead>
<tbody>
<logic:notEmpty name="detalleReceta" scope="session">
<logic:iterate id="receta" name="detalleReceta" scope="session">
<tr>
<td>${receta.me.nombreMedicamento}</td>
<td>${receta.nroEnvases}</td>
<td>UNIDAD/TOMAR:${receta.unidad},INTERVALO:${receta.intervalo},VIA DE ADM:${receta.viaAdministracion},DURACION:${receta.duracion}</td>
<td>${receta.instrucciones}</td>
</tr>
</logic:iterate>
</logic:notEmpty>


</tbody>
</table>	

	
	<div align="center">
		<a href="#" id="grabarReceta" class="btn">Grabar</a>
		<a href="inicio.do"  class="btn" >Salir</a>
		<a href="#"  class="btn">Imprimir</a>		
	</div>
	


	<script type="text/javascript">
	
	$("#agregarmedicamento").click(function(){
		$("form").attr("action","agregarMedicamento.do");
		$("form").submit();
	});
	
	
	
	$("#buscarhc").click(function(e){
		e.preventDefault();
		$.getJSON("buscarHC.do",{
			cod:$("#codhc").val(),
			flag:"7"
		},		
		function(data){
			$("#nombrepaciente").val(data.nombres);
			$("#apepatpaciente").val(data.apepat);
			$("#apematpaciente").val(data.apemat);
			$("#nrodocpaciente").val(data.nrodoc);
		 });
	});
	
	
	$("#buscarmedicamento").click(function(e){
		var caracteristicas = "height=400,width=500,scrollTo,resizable=1,scrollbars=1,location=0";		
			window.open('${pageContext.request.contextPath}/jsp/consultas/buscarMedicamento.jsp','popup_buscar',caracteristicas);
		return false;
		
		
	});

	$("#grabarCita}").click(function(e){
	e.preventDefault();
	if($("form").valid()){	
	$.ajax({
		url:'grabarCita.do',
		data:{codhc:$("#codigohc").val(),codmed:$("#codMed").val()},
		cache:false,
		success:function(html){
			$("#panelcuerpo-cen").html(html);
		}
	});
	}else{	alert("Debe ingresar los datos correctamente");}
});
	
</script>	
	
	
</form>